<template>
  <div class="navBarWrap" ref="aaa">
    <slot></slot>
  </div>
</template>

<script type='text/ecmascript-6'>
import Vue from 'vue';
export default {
  components: {},
  props: {
    navData: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  data() {
    return {
      el: null
    };
  },
  // mounted() {
  //   console.log(this.navData, 9999);
  //   const template = Vue.extend(this.navData[0].template);
  //   console.log(template, 88888);
  //   const instance = new template({
  //     render: () => { }
  //   });
  //   let a = instance.$mount();
  //   console.log(instance, 77777);
  //   // this.el = instance.$el;
  //   this.$nextTick(()=>{
  //   this.$refs.aaa.appendChild(a.$el)
  //   })
  // },
  methods: {}
}
</script>

<style lang='scss' scoped>
.navBarWrap {
  color: #FFF;
}
</style>